import React from 'react';
import { Row, Col } from 'antd';
import Link from 'next/link';
import styles from './IndexHeader.less';

const IndexHeader: React.FC = () => {
  return (
    <Row align="middle" className={styles.headerWrap}>
      <Col span={4}>
        <img className={styles.logo} src="/images/index/logo.png" alt="" />
      </Col>
      <Col span={16}>
        <div className={styles.menuList}>
          <Link href="/">产品</Link>
          <Link href="/">解决方案</Link>
          <Link href="/">客户案例</Link>
          <Link href="/">知识库</Link>
          <Link href="/">财码</Link>
        </div>
      </Col>
      <Col span={4}>
        <div className={styles.headerOperation}>
          <Link href="/">登录</Link>
          <Link href="/">注册</Link>
        </div>
      </Col>
    </Row>
  );
};

export default IndexHeader;
